<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <!-- 
        创建vue实例，初始化渲染
        1.准备一个容器（vue所管理的范围）
        2.引包（开发版本包(学习用) / 生产版本包） 官网
        3.创建实例
        4.添加配置项 => 完成渲染
    -->
    <p>{{msg}}</p>
    <div >
        {{msg}}
    </div>
    <a href="#" id="app">
        {{msg}}
    </a>
    <script src="../vue.js"></script>
    <script>
        const app = new Vue({
            // el用来指定挂载点，选择器指定控制的是那个盒子
            el: '#app',
            // data提供数据
            data: {
                msg: 'hello vue ,我是qxb'
            }
        })
    </script>
</body>
</html>